<link rel="stylesheet" href="assets/landing.css">

<article id="main" style="display: none;">
    <nav id="social-share">
        <a href="https://twitter.com/share" class="twitter-share-button" data-url="https://github.com/service-mocker/service-mocker" data-text="The next generation Frontend API Mocking framework." data-via="Dolphin_Wood"></a>
        <iframe src="https://ghbtns.com/github-btn.html?user=service-mocker&amp;repo=service-mocker&amp;type=star&amp;count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
    </nav>
    <header id="hero">
        <h2>The next generation frontend API mocking framework</h2>
        <pre><code>npm i service-mocker --save-dev</code></pre>
        <p id="landing-buttons">
            <a router-link="/home" class="home">Get Started</a>
            <a href="https://github.com/service-mocker/service-mocker" target="_blank">GitHub</a>
        </p>
    </header>
    <section id="intro">
        <div class="card">
            <h3>Serverless</h3>
            <p>Mainly based on the <a href="https://w3c.github.io/ServiceWorker/" target="_blank">service worker API</a>, all the requests are processed inside your browsers.</p>
        </div>
        <div class="card">
            <h3>Minimalist</h3>
            <p>With the simple but powerful <a href="http://expressjs.com/" target="_blank">express</a> style routing system, API mocking has never been such easy.</p>
        </div>
        <div class="card">
            <h3>Futurist</h3>
            <p>Driven by dozens of newest technologies and offers IE10+ compatibility. No more waiting for the future.</p>
        </div>
    </section>
    <footer id="footer">
        <div id="copyright">
            <p>Released under the <a href="https://opensource.org/licenses/MIT" target="_blank">MIT License</a></p>
            <p>Documentation licensed under <a href="http://creativecommons.org/licenses/by/4.0/" target="_blank">CC BY 4.0</a></p>
            <p><a href="https://github.com/service-mocker">Service Mocker Team</a> &copy; 2017</p>
        </div>
    </footer>
</article>
